<!DOCTYPE html>
<html class="pixel-ratio-1">

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
    <meta name="viewport" content="width=375, user-scalabe=no">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <title>我的工资条</title>
    <link rel="stylesheet" type="text/css" href="../../../../../public/vendor/weui/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../../public/css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../../public/css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../../../public/vendor/weui/jquery-weui.css">
    <!-- Site CSS -->
    <link rel="stylesheet" href="../../../../../public/themes/base/css/site.css" id="admui-siteStyle">
    <link rel="stylesheet" href="../../../../../public/css/features/salary/payrollsdetais.css">
	
	<script type="text/x-template" id="payrollsdetails_template">
		{{~ it :item:index }}
		{{? Utils.IsNotNull(item.name)}}
			<div>
					<div class="page__bd page__bd_spacing recruitment_jobs looksale" style="background-color: #3387b6;">
					   
						<div class="weui-flex marbot">
							<div>
								<div class="placeholder main-total-font" style="">发放组织</div>
							</div>
							<div class="salesplanstate" >
								<div class="placeholder main-total-font" style="font-weight:800" >{{= item.company}}</div>
							</div>
						</div>
						<div class="weui-flex marbot">
							<div>
								<div class="placeholder main-total-font" style="">归属组织</div>
							</div>
							<div class="salesplanstate" >
								<div class="placeholder main-total-font" style="font-weight:800" >{{= item.dept}}-{{= item.curOU}}</div>
							</div>
						</div>
						<div class="weui-flex marbot">
							<div>
								<div class="placeholder main-total-font" style="">员工信息</div>
							</div>
							<div class="salesplanstate" >
								<div class="placeholder main-total-font" style="font-weight:800" >{{= item.name}} ({{= item.numCode}})</div>
							</div>
						</div>
						<div class="weui-flex marbot">
							<div>
								<div class="placeholder main-total-font" style="">职位职级</div>
							</div>
							<div class="salesplanstate" >
								<div class="placeholder main-total-font" style="font-weight:800" >{{= item.jobRank}}</div>
							</div>
						</div>
						<div class="weui-flex marbot">
							<div>
								<div class="placeholder main-total-font" style="">职位岗级</div>
							</div>
							<div class="salesplanstate" >
								<div class="placeholder main-total-font" style="font-weight:800" >{{= item.jobGrade}}</div>
							</div>
						</div>
						<div class="weui-flex marbot">
							<div>
								<div class="placeholder main-total-font" style="">备&#12288;&#12288;注</div>
							</div>
							<div class="salesplanstate" >
								<div class="placeholder main-total-font" style="font-weight:800;max-width: 260px;word-break:break-all" >{{= item.remark}}</div>
							</div>
						</div>
				   </div>
				   <div style="background-color: white;border-radius:25px 25px 25px 25px;" >
						<div class="weui-panel__bd" style="background-color: white; border-radius:25px 25px 0px 0px;">
							<a aria-labelledby="js_p1m1_bd" href="javascript:" class="weui-media-box weui-media-box_appmsg">
								<div aria-hidden="true" class="weui-media-box__hd" style="width: 140px;">
									<p class="weui-media-box__desc" style="margin-top: -10px;margin-bottom: 10px;">实发小计(元)</p>
									<p class="weui-media-box__title" style="font-size: 21px;font-weight: 600;">￥{{= Utils.IsNotNull(item.totalPaid)?item.totalPaid:"0.00"}}</p>
									
								</div>
								<div aria-hidden="true" id="js_p1m1_bd" class="weui-media-box__bd">
									<strong class="weui-media-box__title">
										<div class="weui-flex marbot">
											<div>
												<div class="placeholder" style="font-size: 14px;color:var(--weui-FG-2)">应发小计(元)</div>
											</div>
											<div class="salesplanstate" >
												<div class="placeholder" style="font-size: 14px;font-weight:800;" >￥{{= Utils.IsNotNull(item.totalPayable)?item.totalPayable:"0.00"}}</div>
											</div>
										</div>
									</strong>
									<strong class="weui-media-box__title" >
										<div class="weui-flex marbot" style="margin-top: 20px;">
											<div>
												<div class="placeholder" style="font-size: 14px;color:var(--weui-FG-2)">扣款小计(元)</div>
											</div>
											<div class="salesplanstate" >
												<div class="placeholder" style="font-size: 14px;font-weight:800;" >￥{{= Utils.IsNotNull(item.totalDeduction)?item.totalDeduction:"0.00"}}</div>
											</div>
										</div>
									</strong>
								</div>
							</a>
						</div>
						
						<div style="width: 100%;height: 1px;border-top:2px solid #ccc;"></div>
					
						<div class="weui-panel__bd" style="background-color: white;" >
							<div class="page__bd page__bd_spacing recruitment_jobs looksale" ">
								<div style="margin-bottom: 10px;">
									<div>
										<div class="placeholder" style="font-size: 18px;font-weight: 600;">应发项目<span style="float:right;font-weight: 400;font-size: 18px;margin-right:5px">单位：元</span></div>
									</div>
									
								</div>
								
								{{? Utils.IsNotNull(item.payables)}}
									{{ for(var i=0, catlen=item.payables.length; i<catlen;i++){}} 
										{{? Utils.IsNotNull(item.payables[i]) && item.payables[i].p == 1}}
										<div class="weui-flex marbot">
											<div>
												<div class="placeholder" style="font-size: 16px;">{{=item.payables[i].n}}</div>
											</div>
											<div class="salesplanstate" >
												<div class="placeholder" style="font-size: 16px;font-weight:800" >{{=item.payables[i].v == 0.00 ? "--" : item.payables[i].v}}</div>
											</div>
										</div>
										{{?}}
									{{ } }}
								{{?}}
							</div>
						</div>
						<div style="width: 100%;height: 1px;border-top:2px solid #ccc;"></div>
						<div class="weui-panel__bd" style="background-color: white;border-radius:0px 0px 25px 25px;" >
							<div class="page__bd page__bd_spacing recruitment_jobs looksale" style ="border-radius:0px 0px 25px 25px;">
								<div style="margin-bottom: 10px;">
									<div>
										<div class="placeholder" style="font-size: 18px;font-weight: 600;">扣款项目<span style="float:right;font-weight: 400;font-size: 18px;margin-right:5px">单位：元</span></div>
									</div>
								</div>
								{{? Utils.IsNotNull(item.deductions)}}
									{{ for(var j=0, dedlen=item.deductions.length; j<dedlen; j++) { }}
										{{? Utils.IsNotNull(item.deductions[j]) &&  item.deductions[j].p == 2}}
										<div class="weui-flex marbot" >
											<div>
												<div class="placeholder" style="font-size: 16px;">{{=item.deductions[j].n}}</div>
											</div>
											<div class="salesplanstate" >
												<div class="placeholder" style="font-size: 16px;font-weight:800" >{{= item.deductions[j].v == 0.00 ? "--" : item.deductions[j].v}}</div>
											</div>
										</div>
										{{?}}
									{{ } }}
								{{?}}
							</div>
						</div>
						<div style="width: 100%;height: 1px;border-top:2px solid #ccc;"></div>
						<div class="weui-panel__bd" style="background-color: white;border-radius:0px 0px 25px 25px;" >
							<div class="page__bd page__bd_spacing recruitment_jobs looksale" style ="border-radius:0px 0px 25px 25px;">
								<div style="margin-bottom: 10px;">
									<div>
										<div class="placeholder" style="font-size: 18px;font-weight: 600;">其他项目<span style="float:right;font-weight: 400;font-size: 18px;margin-right:5px">单位：元</span></div>
									</div>
								</div>
								{{? Utils.IsNotNull(item.others)}}
									{{ for(var k=0, othlen=item.others.length; k<othlen; k++) { }}
										{{? Utils.IsNotNull(item.others[k]) &&  item.others[k].p == 3}}
										<div class="weui-flex marbot" >
											<div>
												<div class="placeholder" style="font-size: 16px;">{{=item.others[k].n}}</div>
											</div>
											<div class="salesplanstate" >
												<div class="placeholder" style="font-size: 16px;font-weight:800" >{{= item.others[k].v == 0.00 ? "--" : item.others[k].v}}</div>
											</div>
										</div>
										{{?}}
									{{ } }}
								{{?}}
							</div>
						</div>
					</div>
				</div>
			</div>
		{{?}}
		{{~}}
	</script>
	
</head>
<style>
    body {
        width: 100%;
        background: #f1f4f5;
        padding: 0px 10px;
    }

    * {
        margin: 0;
        padding: 0;
    }

    #dailyList {
        margin: 0 0.3125rem 10px 0.3125rem;
    }

    .counter-label {
        font-size: 14px !important;
    }

    .counter-number {
        font-size: 26px !important;
    }

    .card {
        margin-bottom: 10px;
    }

    #divPage {
        width: 100%;
        overflow: hidden;
    }
	
	.total-year-head {
	  position: relative;
	  padding: 0.3rem;
	}
	
	.total-year {
	  padding: 10px;
	  position: absolute;
	  width: 100%;
	  display: flex;
	  left: 0px;
	  top: -5px;
	  flex-direction: row;
	}
	
	.total-year-item {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}
	
	.total-year-item span {
	  font-size: 0.978rem;
	  color: black;
	}
	
	.main-total-font {
		font-size: 14px;
		color: white;
	}
	
</style>
<body data-weui-theme="light">
	<div class="report-contents-item-box operation-top" style="z-index:99">
		<div class="weui-cell operation-top-child" style="display: flex;justify-content: space-between;padding:0px;margin-left:-18px;height:40px;width:100%;text-align:center">
		    <span style="text-align:center;width: 100%;font-weight: 600" id="spPeriod">2023年</span>
		</div>
	</div>
    <div id="divPage" >
        <div class="row" style="margin-bottom: 90px;margin-top: 50px;">
            <div class="col-12">
                <div class="total-year-head"  id="annualInfo">
					
						
				</div>
			</div>
        </div>
        
        <!-- template -->
        <div id="dailyList"></div>
    	
    </div>
	<div class="report-contents-item-box operation" id="oneButton">
	    <div class="weui-cell operation-child" style="display: flex;justify-content: space-between;padding:0px;margin-left:-18px;height:80px;">
	        <a href="javascript:;" class="weui-btn weui-btn_primary" style="width: 95%;border-radius:8px;margin-top: -5px;" id="returnPage">返回列表</a>
	    </div>
	</div>

    <script type="text/javascript" src="../../../../../public/vendor/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/moment/moment.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/weui.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/jquery-weui.min.js"></script>
    <script type="text/javascript" src="../../../../../public/js/common/iosadaptation.js"></script>
    <script type="text/javascript" src="../../../../../public/js/config/utils.js"></script>
    <!-- <script type="text/javascript" src="../../../../../public/vendor/swiper/swiper.js"></script> -->
    <!-- <script src="../../../../../public/js/common/mescroll/mescroll.min.js" type="text/javascript" charset="utf-8"></script> -->
    <script type="module" src="../../../../../public/js/features/biz/salary/payrolls/payrollsdetais.js"></script>
</body>

</html>